<style>
	.logo-img{
		width: 98px;
		height: 98px;
	}
	.banner-img{
		width: 200px;
		height: 90px;
	}
</style>
<ion-view>
	<ion-content>
		<div class="content no-header ionic-pseudo">
			<form name="theForm" novalidate="novalidate">
				<div class="list card">
					<div class="item item-avatar">
						<img src="/Public/images/wkshop-logo.jpeg">
						<h2>【汪卡在线】---- 店铺详情设定</h2>
						<p>设定店铺详情</p>
					</div>
					<div class="item">
						<div class="list">
							<label class="item item-input">
								<span class="input-label">商铺名称：</span>
								<input type="text" name="title" placeholder="请输入商铺名称" ng-model="shop.title" required>
							</label>
							<label class="item item-input">
								<span class="input-label">手机号码：</span>
								<input type="tel" placeholder="请输入手机号码" name="mobile"
								       ng-model="shop.mobile" ng-pattern="/^1[3|4|5|7|8][0-9]\d{4,8}$/" required>
							</label>
							<label class="item item-input">
								<span class="input-label">发送验证码：</span>
								<button class="button button-small button-dark" button-widget="sms" ac="profile"
								        mobile="{{shop.mobile}}" ng-disabled="theForm.mobile.$invalid">
									立即发送短信验证码
								</button>
							</label>
							<label class="item item-input">
								<span class="input-label">短信验证码：</span>
								<input type="tel" name="code" placeholder="输入短信验证码" ng-model="shop.code">
							</label>
							<div class="item item-input item-select">
								<div class="input-label">行业分类：</div>
								<select name="cid" ng-model="shop.cid" required
								        ng-options="cat.title group by cat.main for cat in category track by cat.id">
									<option selected value="">请选择店铺行业分类</option>
								</select>
							</div>
							<div class="item item-input item-select">
								<div class="input-label">所属校区：</div>
								<select name="area" ng-model="shop.area" required>
									<option value="" selected>请选择店铺所属校区</option>
									<option value="yl">杨林校区</option>
									<option value="al">安宁校区</option>
									<option value="cg">呈贡校区</option>
								</select>
							</div>
							<label class="item item-input">
								<span class="input-label">商铺电话：</span>
								<input type="tel" name="telephone" placeholder="请输入商铺电话" ng-model="shop.telphone" >
							</label>
							<label class="item item-input">
								<span class="input-label">详细地址：</span>
								<input type="text" name="suite" placeholder="请输入详细地址" ng-model="shop.suite" required>
							</label>
							<label class="item item-input">
								<span class="input-label">收银员密码：</span>
								<button class="button button-small button-dark">重新设定收银员密码</button>
							</label>
							<label class="item item-input">
								<span class="input-label">店铺Logo：</span>
								<div class="item-image">
									<span upload-widget="Logo" for-src="{{shop.logo}}" id="uploadLogo"></span>
								</div>
							</label>
							<label class="item item-input">
								<span class="input-label">店铺Banner：</span>
								<div class="item-image">
									<span upload-widget="Banner" for-src="{{shop.banner}}" id="uploadBanner"></span>
								</div>
							</label>
							<label class="item item-input">
								<span class="input-label">店铺详细介绍：</span>
								<textarea ng-model="shop.description" placeholder="请输入商铺简介" rows="3"></textarea>
							</label>
						</div>
					</div>
					<div class="row">
						<div class="col-40">
							<button class="button button-small button-balanced button-block button-positive" ng-click="submit()" ng-disabled="!theForm.$valid">修改店铺信息</button>
						</div>
						<div class="col-20"></div>
						<div class="col-40">
							<button class="button button-small button-assertive button-block button-positive" type="reset">重置取消</button>
						</div>
					</div>
				</div>
			</form>
		</div>
		<div style="height: 1px;"></div>
	</ion-content>
</ion-view>